import { createElement } from 'rax';
import View from 'rax-view';
import Text from 'rax-text';

import GlobalSiderBanner from '../../components/GlobalSiderBanner';
import GlobalHeader from '../../components/GlobalHeader';
import Image from 'rax-image';

import './index.css';

import Logo from '../../components/Logo';

export default function MainPage () {
    return (
        <View style={ { width: "100vw" } }>

            {/* 固定header */ }
            <GlobalHeader />

            {/* 头部滚动banner */ }
            <GlobalSiderBanner />

            {/* 金刚区 flex实现均分布局 */ }
            <div className="function_content">
                <div className="parent" >
                    <div className="child" >
                        <div> <Image
                            // ref={ imageRef }
                            className="icon_img"
                            source={ {
                                uri: 'https://cloud-print-oss.oss-cn-beijing.aliyuncs.com/icon/temp_icon.png',
                            } }
                        /></div>
                        <div>icon</div>
                    </div>
                    <div className="child" >2</div>
                    <div className="child">3</div>
                </div>
                <div className="parent" >
                    <div className="child" >1</div>
                    <div className="child" >2</div>
                    <div className="child">3</div>
                </div>
            </div>

            {/* 展示保障区 */ }
            <div className="service_content">
                <View style={ { textAlign: "center", padding: "2vw" } }>展示</View>
                <div className="parent" >
                    <div className="service_child" >
                        <Image
                            className="icon_img"
                            source={ {
                                uri: 'https://cloud-print-oss.oss-cn-beijing.aliyuncs.com/icon/temp_icon_arc.png',
                            } }
                        />
                        <p className="service_title">专业服务</p>
                    </div>
                    <div className="service_child" >
                        <Image
                            className="icon_img"
                            source={ {
                                uri: 'https://cloud-print-oss.oss-cn-beijing.aliyuncs.com/icon/temp_icon_arc.png',
                            } }
                        />
                        <p className="service_title">专业服务</p>
                    </div>
                    <div className="service_child" >
                        <Image
                            className="icon_img"
                            source={ {
                                uri: 'https://cloud-print-oss.oss-cn-beijing.aliyuncs.com/icon/temp_icon_arc.png',
                            } }
                        />
                        <p className="service_title">专业服务</p>
                    </div>

                </div>
            </div>

            {/* 展示区域2（计算） */ }
            <div className="service_content">
                <View style={ { textAlign: "center", padding: "2vw" } }>展示</View>
                <div className="parent" >
                    <div className="service_child" >
                        <Image
                            className="icon_img"
                            source={ {
                                uri: 'https://cloud-print-oss.oss-cn-beijing.aliyuncs.com/icon/temp_icon_arc.png',
                            } }
                        />
                        <p className="service_title">专业服务</p>
                    </div>
                    <div className="service_child" >
                        <Image
                            className="icon_img"
                            source={ {
                                uri: 'https://cloud-print-oss.oss-cn-beijing.aliyuncs.com/icon/temp_icon_arc.png',
                            } }
                        />
                        <p className="service_title">专业服务</p>
                    </div>
                    <div className="service_child" >
                        <Image
                            className="icon_img"
                            source={ {
                                uri: 'https://cloud-print-oss.oss-cn-beijing.aliyuncs.com/icon/temp_icon_arc.png',
                            } }
                        />
                        <p className="service_title">专业服务</p>
                    </div>

                </div>
            </div>

        </View>
    );
}
